<template>
  <h1>组合式API-computed函数-基础用法</h1>
  <div>我今年的年纪： <input type="text" v-model.number="age" /></div>
  <div>我明年的年纪： {{ nextAge }}</div>
  <div>我后年的年纪： <input type="text" /></div>
  <h2>age 当前值：{{ age }}</h2>
</template>

<script setup lang="ts">
import { computed, ref } from "vue";

const age = ref(18);

//  computed 返回计算后的新结果（结果也是响应式数据）
const nextAge = computed(() => age.value + 1);
</script>